<include file="Public:_header_none" />
<link href="__HCSS__/login.css" rel="stylesheet" type="text/css" />


<div align="center">
     <div class="reg_line1" align="center">
	    <div class="reg_line1_main">
		    <div class="fl reg_line1_main_l"> <b class="regbg"></b>收藏{:__SYSTEMNAME__}</div>
			<div class="fr reg_line1_main_r">
			    <ul>
				   <li>你好,&nbsp;&nbsp;<a href="{:U('index/login')}" class="heightgray">请登录</a>&nbsp;&nbsp;&nbsp;<a href="{:U('index/reg')}" class="heightgray">免费注册</a></li>
				   <li><s></s><a href="#" class="heightgray">我的订单</a></li>
				   <li><s></s><a href="#" class="heightgray">手机{:__SYSTEMNAME__}</a></li>
				   <li>
				       <s></s><div class="fl h_hover_li"><a href="#" class="heightgray fl">客户服务</a><b></b></div>
					   <div class="h_hover_extend" >
					         <a href="#">常见问题</a><br /><a href="#">售后服务</a><br /><a href="#">在线客服</a>
					         <br /><a href="#">投诉中心</a><br /><a href="#">客服邮箱</a>
					   </div>
					</li>
				</ul>  
			</div>
		</div>
	 </div>
	 <div class="clear"></div>
	 <div class="reg_line2">
	      <div class="container">
		      <div class="login_head"><a href="__ROOT__"><img src="__IMG__/logo.png" class="fl" /></a>&nbsp;&nbsp;欢迎注册</div>
			  <div><div class="fr">我已经注册，现在就<a class="colorblue" href="__URL__/login">登录</a></div></div>
			  <div class="clear"></div>
			  <div class="reg_main">
		   <div class="reg_main_l">
<literal>	
<script>
  $(document).ready(function(){
    $(".xkform").submit(function(){    //表单提交为空
	    if($(".username").val()==""){$(".username").parent().next().html('<div class=" xkform_alertno xkform_alerterr" >请输入用户名</div>'); }
	    if($(".userpsd").val()==""){$(".userpsd").parent().next().html('<div class=" xkform_alertno xkform_alerterr" >请输入密码</div>'); }
	    if($(".userrepsd").val()==""){$(".userrepsd").parent().next().html('<div class=" xkform_alertno xkform_alerterr" >请确认密码</div>'); }
	    if($(".useremail").val()==""){$(".useremail").parent().next().html('<div class=" xkform_alertno xkform_alerterr" >请输入验证邮箱</div>'); }
	    if($(".yanzhengma").val()==""){$(".yanzhengma").parent().next().next().html('<div class=" xkform_alertno xkform_alerterr" >请输入验证码</div>'); }
		if($(".agree").attr("checked")!=="checked"){$(".agree").parent().next().next().html('<div class=" xkform_alertno xkform_alerterr" >请接受服务条款</div>');};
		if( $reeornum=$(this).find(".xkform_alerterr").length>0){
		  return false; 
		}		
	});
    $(".username").focus(function(){               //用户名的验证
	  $(this).parent().next().html('<div class=" xkform_alertno" >4-20位字符，支持汉字、字母、数字及"-"、"_"组合</div>'); 
	}).blur(function(){
       var blurval=$(this).val();
	   if(blurval.length==0){
	       $(this).parent().next().html('');
		   return false; 
		 } else if(blurval.length<4){
	       $(this).parent().next().html('<div class="xkform_alertno xkform_alerterr">用户名长度只能在4-20位字符之间</div>');
		   return false; 
		 }else{
		     if(/^(\w|-|[\u4e00-\u9fa5]){4,20}$/.test(blurval)){
			    //$(this).parent().next().html('<div class="reg_check_right"></div>');
				//return true;
				var edtuh="__URL__/check_name";
			  $.post(edtuh,{username:blurval},function(data){
			         if(parseInt(data)>0){$(".username").parent().next().html('<div class="xkform_alertno xkform_alerterr">用户名已被占用，请另选一个用户名吧</div>');return false;}
					 else{$(".username").parent().next().html('<div class="reg_check_right"></div>');}
					 //alert(data);
			       
			  });
			 }else{
	       $(this).parent().next().html('<div class="xkform_alertno xkform_alerterr" style=" line-height:17px;">用户名只能有4-20位位字符，支持汉字、字母、数字及"-"、"_"组成</div>');
		   return false; 
			 }
		}
	});
	
    $(".userpsd").focus(function(){               //密码的验证
	  $(this).parent().next().html('<div class=" xkform_alertno" style=" line-height:17px;">6-20位字符，支持汉字、字母、下划线两种以上组合</div>'); 
	}).blur(function(){
       var blurval=$(this).val();
	   if(blurval.length==0){
	       $(this).parent().next().html('');
		   return false; 
		 } else if(blurval.length<4){
	       $(this).parent().next().html('<div class="xkform_alertno xkform_alerterr">密码长度要在6-20位字符之间</div>');
		   return false; 
		 }else{
		     if(/^(\w){6,20}$/.test(blurval)){
			    $(this).parent().next().html('<div class="reg_check_right"></div>');
				return true;
			 }else{
	       $(this).parent().next().html('<div class="xkform_alertno xkform_alerterr" style=" line-height:17px;">用户名只能由6-20位字符，支持汉字、字母、下划线组成</div>');
		   return false; 
			 }
		}
	});
	
    $(".userrepsd").focus(function(){               //确认密码的验证
	  $(this).parent().next().html('<div class=" xkform_alertno" >请再次输入密码</div>'); 
	}).blur(function(){
       var blurval=$(this).val();
	   if(blurval.length==0){
	       $(this).parent().next().html('');
		   return false; 
		 } else if(blurval.length<4){
	       $(this).parent().next().html('<div class="xkform_alertno xkform_alerterr">密码长度要在6-20位字符之间</div>');
		   return false; 
		 }else{
		     if(blurval==$(".userpsd").val()){
			    $(this).parent().next().html('<div class="reg_check_right"></div>');
				return true;
			 }else{
	       $(this).parent().next().html('<div class="xkform_alertno xkform_alerterr" style=" line-height:35px;">两次输入密码不一致</div>');
		   return false; 
			 }
		}
	});
	
    $(".useremail").focus(function(){               //邮箱的验证
	  $(this).parent().next().html('<div class=" xkform_alertno" >完成验证后你可以用该邮箱登录和找回密码</div>'); 
	}).blur(function(){
       var blurval=$(this).val();
	   if(blurval.length==0){
	       $(this).parent().next().html('');
		   return false; 
		 }else{
		     if(/^(\w)+\@(\w)+(\.\w+)$/.test(blurval)){
			    $(this).parent().next().html('<div class="reg_check_right"></div>');
				return true;
			 }else{
	       $(this).parent().next().html('<div class="xkform_alertno xkform_alerterr" style=" line-height:35px;">请输入正确的邮箱格式</div>');
		   return false; 
			 }
		}
	});
	
	
    $(".yanzhengma").blur(function(){
       var blurval=$(this).val();
	   if(blurval.length==0){
	       $(this).parent().next().html('');
		   return false; 
		 }else{
		   $(this).parent().next().next().html('<div class="reg_check_right"></div>');  
		}
	});
	
	
	
  });
</script>
<literal>
			    <form class="xkform" method="post" action="">
				  <div class="row">
				      <label class="col-xs-2" align="right"><font class="fr">用户名：</font><b class="xkformstart">*</b></label>
				      <div class="input-group "><input type="text" name="username" class="form-control username" maxlength="18" /><span class=" glyphicon glyphicon-user "></span></div>
					  <div class="xkform_alert"></div>
				  </div>
				  <div class="row">
				      <label class="col-xs-2" align="right"><font class="fr">请设置密码：</font><b class="xkformstart">*</b></label>
				      <div class="input-group "><input type="password" name="userpsd" class="form-control userpsd" maxlength="18" /><span class=" glyphicon glyphicon-lock "></span></div>
					  <div class="xkform_alert"></div>
				  </div>
				  <div class="row">
				      <label class="col-xs-2" align="right"><font class="fr">请确认密码：</font><b class="xkformstart">*</b></label>
				      <div class="input-group "><input type="password" class="form-control userrepsd" maxlength="18" /><span class=" glyphicon glyphicon-lock "></span></div>
					  <div class="xkform_alert "></div>
				  </div>
				  <div class="row">
				      <label class="col-xs-2" align="right"><font class="fr">验证邮箱：</font><b class="xkformstart">*</b></label>
				      <div class="input-group "><input type="text" name="useremail" class="form-control useremail" maxlength="18" /><span class=" glyphicon glyphicon-envelope "></span></div>
					  <div class="xkform_alert "></div>
				  </div>
				  <div class="row">
				      <label class="col-xs-2" align="right"><font class="fr">邮箱验证码：</font><b class="xkformstart">*</b></label>
				      <div class="input-group" style="width:100px;"><input type="text" class="form-control yanzhengma" maxlength="18" style="width:100px;" /></div>
					  <div class="fl" style="width:120px; height:31px; line-height:31px; cursor:pointer; border:#A7A7A7 1px solid; background:#E6E6E6; text-align:center; margin-left:10px; color:#666666;">获取邮箱验证码</div><div class="xkform_alert "></div>
				  </div>
                  <div class="xkform_alert_text">
				        <div class="fl xkform_alert_text_text"><input type="checkbox" class="fl agree" checked="checked"/></div>
				        <span class="fl">我已阅读并同意<a href="#" class="colorblue">《{:__SYSTEMNAME__}用户注册协议》</a></span>
						<div class="xkform_alert" style="width:100px;"></div>
				  </div>
				  <div class="xkformstart_buttondiv">
				      <input type="submit" class="btn btn-danger xkformstart_button" value="立即注册" />
				  </div>
				</form>
			 </div>
			 <div  class="reg_main_r"><img src="__IMG__/phone-bg.jpg" /></div>
		    </div>

		  </div>
	 </div>
</div>
<script>
   $(document).ready(function(){
      $(".h_hover_li").hover(function(){
	      $(this).css({"border":"1px solid #ddd","background":"#fff","borderBottom":"0px"});
		  $(this).find("b").css({"backgroundPosition":"-90px -43px"});
		  $(this).next().css({"visibility":"visible"});
	  },function(){
	      $(this).css({"border":"1px solid #fff","background":"none"});
		  $(this).find("b").css({"backgroundPosition":"-90px -53px"});
		  $(this).next().css({"visibility":"hidden"});
	  });
	  $(".h_hover_extend").hover(function(){
	      $(this).prev().css({"border":"1px solid #ddd","background":"#fff","borderBottom":"0px"});
		  $(this).prev().find("b").css({"backgroundPosition":"-90px -43px"});
		  $(this).css({"visibility":"visible"});
	  },function(){
	      $(this).prev().css({"border":"1px solid #fff","background":"none","borderBottom":"0px"});
		  $(this).prev().find("b").css({"backgroundPosition":"-90px -53px"});
		  $(this).css({"visibility":"hidden"});
	  });
   });
</script>
<include file="Public:_footer" />